$(function () {

    var error_name = false;
    var error_tel = false;
    var error_msg = false;
    var error_order = false;
    var error_time = false;

    var user_name = "";
    var user_tel = "";
    var user_msg = "";
    var user_order = 0;
    var user_time1 = 0;
    var user_time2 = 0;
    var user_time = "";

    // 时间对象
    var d = new Date();
    // 获取当前月份和日期
    var mon = d.getMonth()+1;
    var day = d.getDate();

    if(mon in [1,3,5,7,8,9]){
        // 判断天数
        if(day <= 28){
            // 添加节点
            $(".user_time1").append(
                '<option value="' + mon + '/' + (day+1) +'">'+ mon +'月'+ (day+1) +'日</option>'+
                '<option value="' + mon + '/' + (day+2) +'">'+ mon +'月'+ (day+2) +'日</option>'+
                '<option value="' + mon + '/' + (day+3) +'">'+ mon +'月'+ (day+3) +'日</option>'
            )
        } else if(day==29) {
            $(".user_time1").append(
                '<option value="' + mon + '/30">' + mon + '月' + '30日</option>' +
                '<option value="' + mon + '/31">' + mon + '月' + '31日</option>' +
                '<option value="' + (mon+1) + '/1">' + (mon + 1) + '月' + '1日</option>'
            )
        } else if(day==30) {
            $(".user_time1").append(
                '<option value="' + mon + '/31">'+ mon +'月' + '31日</option>'+
                '<option value="' + (mon+1) + '/1">'+ mon +'月' + '1日</option>'+
                '<option value="' + (mon+1) + '/2">'+ (mon+1) +'月' + '2日</option>'
            )
        } else if(day==31){
            $(".user_time1").append(
                '<option value="' + (mon+1) + '/1">'+ (mon+1) +'月' + '1日</option>'+
                '<option value="' + (mon+1) + '/2">'+ (mon+1) +'月' + '2日</option>'+
                '<option value="' + (mon+1) + '/3">'+ (mon+1) +'月' + '3日</option>')
        }
    }
    else if(mon==12){
        // 判断天数
        if(day <= 28){
            // 添加节点
            $(".user_time1").append(
                '<option value="12/' + (day+1) +'">12月'+ (day+1) +'日</option>'+
                '<option value="12/' + (day+2) +'">12月'+ (day+2) +'日</option>'+
                '<option value="12/' + (day+3) +'">12月'+ (day+3) +'日</option>'
            )
        } else if(day==29) {
            $(".user_time1").append(
                '<option value="12/30">12月30日</option>'+
                '<option value="12/31">12月31日</option>'+
                '<option value="1/1">1月1日</option>'
            )
        } else if(day==30) {
            $(".user_time1").append(
                '<option value="12/31">12月31日</option>'+
                '<option value="1/1">1月1日</option>'+
                '<option value="1/2">1月2日</option>'
            )
        } else if(day==31){
            $(".user_time1").append(
                '<option value="1/1">1月1日</option>'+
                '<option value="1/2">1月2日</option>'+
                '<option value="1/3">1月3日</option>')
        }
    }
    else if(mon == 2){
         // 判断天数
        if(day <= 25){
            // 添加节点
            $(".user_time1").append(
                '<option value="2/' + (day+1) + '">2月'+ (day+1) +'日</option>'+
                '<option value="2/' + (day+2) + '">2月'+ (day+2) +'日</option>'+
                '<option value="2/' + (day+3) + '">2月'+ (day+3) +'日</option>'
            )
        } else if(day==26) {
            $(".user_time1").append(
                '<option value="2/27">2月27日</option>' +
                '<option value="2/28">2月28日</option>' +
                '<option value="3/1">3月1日</option>'
            )
        } else if(day==27) {
            $(".user_time1").append(
                '<option value="2/28">2月28日</option>' +
                '<option value="3/1">3月1日</option>' +
                '<option value="3/2">3月2日</option>'
            )
        } else if(day==28){
            $(".user_time1").append(
                '<option value="3/1">3月1日</option>' +
                '<option value="3/2">3月2日</option>' +
                '<option value="3/3">3月3日</option>')
        }
    }
    else{
        // 判断天数
        if(day <= 27){
            // 添加节点
            $(".user_time1").append(
                '<option value="' + mon + '/' + (day+1) +'">'+ mon +'月'+ (day+1) +'日</option>'+
                '<option value="' + mon + '/' + (day+2) +'">'+ mon +'月'+ (day+2) +'日</option>'+
                '<option value="' + mon + '/' + (day+3) +'">'+ mon +'月'+ (day+3) +'日</option>'
            )
        } else if(day==28) {
            $(".user_time1").append(
                '<option value="' + mon + '/29">' + mon + '月' + '29日</option>' +
                '<option value="' + mon + '/30">' + mon + '月' + '30日</option>' +
                '<option value="' + (mon+1) + '/1">' + (mon + 1) + '月' + '1日</option>'
            )
        } else if(day==29) {
            $(".user_time1").append(
                '<option value="' + mon + '/30">'+ mon +'月' + '30日</option>'+
                '<option value="' + (mon+1) + '/1">'+ mon +'月' + '1日</option>'+
                '<option value="' + (mon+1) + '/2">'+ (mon+1) +'月' + '2日</option>'
            )
        } else if(day==30){
            $(".user_time1").append(
                '<option value="' + (mon+1) + '/1">'+ (mon+1) +'月' + '1日</option>'+
                '<option value="' + (mon+1) + '/2">'+ (mon+1) +'月' + '2日</option>'+
                '<option value="' + (mon+1) + '/3">'+ (mon+1) +'月' + '3日</option>')
        }
    }


    // 用户名输入事件
    $('.user_name').focus(function () {
        $(".error_tip").hide();
    });

    $('.user_name').blur(function () {
        // 隐藏服务器端的错误提示
        $('.error_tip_python').hide();
        check_user_name();
    });

    // 联系方式输入事件
    $('.user_tel').focus(function () {
        $(".error_tip").hide();
    });

    $('.user_tel').blur(function () {
        // 隐藏服务器端的错误提示
        $('.error_tip_python').hide();
        check_user_tel();
    });

    // 备注输入事件
    $('.user_msg').focus(function () {
        $(".error_tip").hide();
    });

    $('.user_msg').blur(function () {
        // 隐藏服务器端的错误提示
        $('.error_tip_python').hide();
        check_user_mess();
    });


    // 用户名输入判断
    function check_user_name() {

        user_name = $.trim($(".user_name").val());
        if(user_name=="") {
            $(".error_name").html("带*为必填选项哦~").show();
            errow_name = true;
        }
        else if(user_name.length > 10) {
            $(".error_name").html("姓名长度不能超过10~").show();
            errow_name = true;
        }
        else {
            $(".error_none").hide();
            errow_name = false
        }
    }

    // 联系方式判断
    function check_user_tel() {
        user_tel = $.trim($(".user_tel").val());
        re_tel = /^1[3458]\d{9}$/;
        if(user_tel=="") {
            $(".error_tel").html("带*为必填选项哦~").show();
            error_tel = true;
        }
        else if(!(re_tel.test(user_tel))) {
            $(".error_tel").html("手机号格式不正确~").show();
            error_tel = true;
        }
        else {
            $(".error_tel").hide();
            error_tel = false
        }
    }

    // 留言判断
    function check_user_mess() {
        user_msg = $.trim($(".user_msg").val());
        if(user_msg.length>160) {
            $(".error_msg").html("备注长度不能超过160~").show();
            error_msg = true;
        }else {
            $(".error_msg").hide();
            error_msg = false;
        }
    }
    
    // 预约项目判断
    function check_user_order() {
        user_order = $(".user_order").val();
        if (user_order == 0){
            $(".error_order").html("您还没有选择预定服务~").show();
            error_order = true;
        }else{
            $(".error_order").hide();
            error_order = false;
        }
    }

    // 预约时间判断
    function check_user_time() {
        user_time1 = $(".user_time1").val();
        user_time2 = $(".user_time2").val();
        if (user_time1 == 0 || user_time2 == 0){
            $(".error_time").html("您还没有选择预约时间~").show();
            error_time = true;
        }else{
            $(".error_time").hide();
            error_time = false;
            user_time = user_time1 + "/" + user_time2;
        }
    }

    
    // 评论成功弹窗
    var i = 5;

    // 弹窗弹出函数
    function pop() {
        $("#pop").fadeIn();

        var timer = setInterval(function () {
            i--;
            $("#count").html(i);
            if (i == 0) {
                i = 5;
                $("#count").html(i);
                clearInterval(timer);
                $("#pop").css({display: "none"});
            }
        }, 1000);
    }


    $(".pop_title,.mask").click(function () {
        $("#pop").fadeOut();
    });

    // 表单提交
    var csrf_value = $("input[name='csrfmiddlewaretoken']").val();

    function ajax_post() {
        // 发送ajax请求，存入数据库
        $.ajax({
            url:"/server/order_post/",
            async:false,
            data:{"csrfmiddlewaretoken": csrf_value,
            "user_order":user_order, "user_time":user_time,
            "user_msg":user_msg, "user_tel":user_tel, "user_name":user_name},
            type:"post"
        }).done(function (data) {
            if (data.ret) {
                pop();
                // 取消评论内容
                $(".user_msg").val("");
                $(".user_tel").val("");
                $(".user_name").val("");
            }
        });//ajax结束
        
    }


    $("#order_btn").click(function () {
        check_user_name();
        check_user_tel();
        check_user_mess();
        check_user_order();
        check_user_time();
        if (error_name==false && error_tel==false && error_msg==false && error_order==false && error_time==false){
            ajax_post();
        }
    }); //　点击结束


});